iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
Mobile Development

Android Studio 菜鳥筆記本系列 第 11

Android Studio 菜鳥筆記本-Day 11-元件介紹-Editview

  • 分享至 

  • xImage
  •  

Editview在開發過程中也是經常會用到的元件,主要功能提供輸入框給使用者輸入,那麼今天做一個登入的畫面

常用的屬性:

1. android:hint ;Text為空時顯示的文字提示資訊
2. android:textColorhint ;設定hint文字提示資訊的顏色
3. android:maxLength ;限制輸入字元數,如果設定為5,那麼僅可以輸入5個中文/數字/英文字母
4. android:inputType;設定文字的型別,屬性有較多的輸入類型,如下

  • textCapCharacters;字母大小
  • textCapWords;單詞首字母大寫
  • textCapSentences;句子中第一個字母大小
  • textAutoComplete;自動完成
  • textMultiLine;多行輸入
  • textAutoComplete;輸入自動完成
  • textAutoCorrect;自動校正錯字
  • textNoSuggestions;不提示
  • textEmailAddress;電子郵件地址
  • textEmailSubject;郵件主題
  • textPersonName;人名
  • textPostalAddress;地址
  • textPassword;密碼
  • textVisiblePassword;可見密碼
  • text;一般文字
  • phone;電話號碼
  • date;日期
  • time;時間
  • textUri;網址文字
  • datetime;時間日期

先來看程式碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="100dp"
            android:layout_gravity="center"
            android:orientation="horizontal">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="登入畫面"
                android:textColor="@color/black"
                android:textSize="25sp" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="50dp"
            android:layout_marginLeft="50dp"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/te1"
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:gravity="center"
                android:background="@color/gray"
                android:text="帳號"
                android:textColor="@color/white"
                android:textSize="20sp" />
            <EditText
                android:id="@+id/useraccount"
                android:layout_width="200dp"
                android:layout_height="match_parent"
                android:textSize="20sp"
                android:maxLength="10"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_marginLeft="50dp"
            android:orientation="horizontal">
            <TextView
                android:id="@+id/te2"
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:gravity="center"
                android:background="@color/gray"
                android:text="密碼"
                android:textColor="@color/white"
                android:textSize="20sp" />
            <EditText
                android:id="@+id/userpassword"
                android:layout_width="200dp"
                android:layout_height="match_parent"
                android:hint="不能超過15個字"
                android:textSize="20sp"
                android:inputType="textPassword"
                android:maxLength="15"
                android:ems="15"/>
        </LinearLayout>
            <Button
                android:id="@+id/userregister"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="150dp"
                android:text="註冊"
                android:textSize="20sp" />
            <Button
                android:id="@+id/signin"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:text="登入"
                android:textSize="20sp" />

    </LinearLayout>
</LinearLayout>

執行結果
https://ithelp.ithome.com.tw/upload/images/20200913/20129408jJJULQxtuw.png
https://ithelp.ithome.com.tw/upload/images/20200913/20129408ysdTP5Exes.jpg


上一篇
Android Studio 菜鳥筆記本-Day 10-元件介紹-TextView
下一篇
Android Studio 菜鳥筆記本-Day 12-登入畫面套用外型
系列文
Android Studio 菜鳥筆記本30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言